﻿/*#region ToolTips*/
.tooltip {
    &.in {
        .opacity(1);
    }

    &.top .tooltip-arrow {
        border-top-color: @darkcarbon;
    }

    &.right .tooltip-arrow {
        border-right-color: @darkcarbon;
    }

    &.left .tooltip-arrow {
        border-left-color: @darkcarbon;
    }

    &.bottom .tooltip-arrow {
        border-bottom-color: @darkcarbon;
    }
}

.tooltip-lg {
    + .tooltip > .tooltip-inner {
        font-size: 15px !important;
    }
}

.tooltip-inner {
    .border-radius(2px);
    .box-shadow(1px 1px rgba(229,229,229,.5));
    .transition(visibility 0,opacity .13s ease-in);
    background-color: @darkcarbon;
    border: 1px solid @darkcarbon;
    color: #aaa;
    padding: 8px 8px;
    font-size: 13px;
}

.tooltip-white {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @white;
            background-color: @white;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @white;
        }

        &.right .tooltip-arrow {
            border-right-color: @white;
        }

        &.left .tooltip-arrow {
            border-left-color: @white;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @white;
        }
    }
}

.tooltip-whitesmoke {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @whitesmoke;
            background-color: @whitesmoke;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @whitesmoke;
        }

        &.right .tooltip-arrow {
            border-right-color: @whitesmoke;
        }

        &.left .tooltip-arrow {
            border-left-color: @whitesmoke;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @whitesmoke;
        }
    }
}

.tooltip-snow {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @snow;
            background-color: @snow;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @snow;
        }

        &.right .tooltip-arrow {
            border-right-color: @snow;
        }

        &.left .tooltip-arrow {
            border-left-color: @snow;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @snow;
        }
    }
}

.tooltip-seashell {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @seashell;
            background-color: @seashell;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @seashell;
        }

        &.right .tooltip-arrow {
            border-right-color: @seashell;
        }

        &.left .tooltip-arrow {
            border-left-color: @seashell;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @seashell;
        }
    }
}

.tooltip-ivory {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @ivory;
            background-color: @ivory;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @ivory;
        }

        &.right .tooltip-arrow {
            border-right-color: @ivory;
        }

        &.left .tooltip-arrow {
            border-left-color: @ivory;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @ivory;
        }
    }
}

.tooltip-platinum {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @platinum;
            background-color: @platinum;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @platinum;
        }

        &.right .tooltip-arrow {
            border-right-color: @platinum;
        }

        &.left .tooltip-arrow {
            border-left-color: @platinum;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @platinum;
        }
    }
}

.tooltip-lightgray {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @lightgray;
            background-color: @lightgray;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @lightgray;
        }

        &.right .tooltip-arrow {
            border-right-color: @lightgray;
        }

        &.left .tooltip-arrow {
            border-left-color: @lightgray;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @lightgray;
        }
    }
}

.tooltip-gray {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @gray;
            background-color: @gray;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @gray;
        }

        &.right .tooltip-arrow {
            border-right-color: @gray;
        }

        &.left .tooltip-arrow {
            border-left-color: @gray;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @gray;
        }
    }
}

.tooltip-darkgray {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @darkgray;
            background-color: @darkgray;
            color: @darkcarbon;
        }

        &.top .tooltip-arrow {
            border-top-color: @darkgray;
        }

        &.right .tooltip-arrow {
            border-right-color: @darkgray;
        }

        &.left .tooltip-arrow {
            border-left-color: @darkgray;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @darkgray;
        }
    }
}

.tooltip-silver {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @silver;
            background-color: @silver;
            color: @white;
        }

        &.top .tooltip-arrow {
            border-top-color: @silver;
        }

        &.right .tooltip-arrow {
            border-right-color: @silver;
        }

        &.left .tooltip-arrow {
            border-left-color: @silver;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @silver;
        }
    }
}

.tooltip-sonic-silver {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @sonic-silver;
            background-color: @sonic-silver;
            color: @white;
        }

        &.top .tooltip-arrow {
            border-top-color: @sonic-silver;
        }

        &.right .tooltip-arrow {
            border-right-color: @sonic-silver;
        }

        &.left .tooltip-arrow {
            border-left-color: @sonic-silver;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @sonic-silver;
        }
    }
}

.tooltip-storm-cloud {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @storm-cloud;
            background-color: @storm-cloud;
            color: @white;
        }

        &.top .tooltip-arrow {
            border-top-color: @storm-cloud;
        }

        &.right .tooltip-arrow {
            border-right-color: @storm-cloud;
        }

        &.left .tooltip-arrow {
            border-left-color: @storm-cloud;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @storm-cloud;
        }
    }
}

.tooltip-lightcarbon {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @lightcarbon;
            background-color: @lightcarbon;
            color: @white;
        }

        &.top .tooltip-arrow {
            border-top-color: @lightcarbon;
        }

        &.right .tooltip-arrow {
            border-right-color: @lightcarbon;
        }

        &.left .tooltip-arrow {
            border-left-color: @lightcarbon;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @lightcarbon;
        }
    }
}

.tooltip-carbon {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @carbon;
            background-color: @carbon;
            color: @white;
        }

        &.top .tooltip-arrow {
            border-top-color: @carbon;
        }

        &.right .tooltip-arrow {
            border-right-color: @carbon;
        }

        &.left .tooltip-arrow {
            border-left-color: @carbon;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @carbon;
        }
    }
}

.tooltip-slate-gray {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @slate-gray;
            background-color: @slate-gray;
            color: @white;
        }

        &.top .tooltip-arrow {
            border-top-color: @slate-gray;
        }

        &.right .tooltip-arrow {
            border-right-color: @slate-gray;
        }

        &.left .tooltip-arrow {
            border-left-color: @slate-gray;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @slate-gray;
        }
    }
}

.tooltip-darkcarbon {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @darkcarbon;
            background-color: @darkcarbon;
            color: @white;
        }

        &.top .tooltip-arrow {
            border-top-color: @darkcarbon;
        }

        &.right .tooltip-arrow {
            border-right-color: @darkcarbon;
        }

        &.left .tooltip-arrow {
            border-left-color: @darkcarbon;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @darkcarbon;
        }
    }
}

.tooltip-blue {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @blue;
            background-color: @blue;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @blue;
        }

        &.right .tooltip-arrow {
            border-right-color: @blue;
        }

        &.left .tooltip-arrow {
            border-left-color: @blue;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @blue;
        }
    }
}

.tooltip-info {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @info;
            background-color: @info;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @info;
        }

        &.right .tooltip-arrow {
            border-right-color: @info;
        }

        &.left .tooltip-arrow {
            border-left-color: @info;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @info;
        }
    }
}

.tooltip-sky {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @sky;
            background-color: @sky;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @sky;
        }

        &.right .tooltip-arrow {
            border-right-color: @sky;
        }

        &.left .tooltip-arrow {
            border-left-color: @sky;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @sky;
        }
    }
}

.tooltip-primary {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @primary;
            background-color: @primary;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @primary;
        }

        &.right .tooltip-arrow {
            border-right-color: @primary;
        }

        &.left .tooltip-arrow {
            border-left-color: @primary;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @primary;
        }
    }
}

.tooltip-azure {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @azure;
            background-color: @azure;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @azure;
        }

        &.right .tooltip-arrow {
            border-right-color: @azure;
        }

        &.left .tooltip-arrow {
            border-left-color: @azure;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @azure;
        }
    }
}

.tooltip-blueberry {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @blueberry;
            background-color: @blueberry;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @blueberry;
        }

        &.right .tooltip-arrow {
            border-right-color: @blueberry;
        }

        &.left .tooltip-arrow {
            border-left-color: @blueberry;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @blueberry;
        }
    }
}

.tooltip-palegreen {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @palegreen;
            background-color: @palegreen;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @palegreen;
        }

        &.right .tooltip-arrow {
            border-right-color: @palegreen;
        }

        &.left .tooltip-arrow {
            border-left-color: @palegreen;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @palegreen;
        }
    }
}

.tooltip-success {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @success;
            background-color: @success;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @success;
        }

        &.right .tooltip-arrow {
            border-right-color: @success;
        }

        &.left .tooltip-arrow {
            border-left-color: @success;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @success;
        }
    }
}

.tooltip-green {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @green;
            background-color: @green;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @green;
        }

        &.right .tooltip-arrow {
            border-right-color: @green;
        }

        &.left .tooltip-arrow {
            border-left-color: @green;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @green;
        }
    }
}

.tooltip-lightyellow {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @lightyellow;
            background-color: @lightyellow;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @lightyellow;
        }

        &.right .tooltip-arrow {
            border-right-color: @lightyellow;
        }

        &.left .tooltip-arrow {
            border-left-color: @lightyellow;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @lightyellow;
        }
    }
}

.tooltip-yellow {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @yellow;
            background-color: @yellow;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @yellow;
        }

        &.right .tooltip-arrow {
            border-right-color: @yellow;
        }

        &.left .tooltip-arrow {
            border-left-color: @yellow;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @yellow;
        }
    }
}

.tooltip-warning {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @warning;
            background-color: @warning;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @warning;
        }

        &.right .tooltip-arrow {
            border-right-color: @warning;
        }

        &.left .tooltip-arrow {
            border-left-color: @warning;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @warning;
        }
    }
}

.tooltip-gold {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @gold;
            background-color: @gold;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @gold;
        }

        &.right .tooltip-arrow {
            border-right-color: @gold;
        }

        &.left .tooltip-arrow {
            border-left-color: @gold;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @gold;
        }
    }
}

.tooltip-orange {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @orange;
            background-color: @orange;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @orange;
        }

        &.right .tooltip-arrow {
            border-right-color: @orange;
        }

        &.left .tooltip-arrow {
            border-left-color: @orange;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @orange;
        }
    }
}

.tooltip-lightred {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @lightred;
            background-color: @lightred;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @lightred;
        }

        &.right .tooltip-arrow {
            border-right-color: @lightred;
        }

        &.left .tooltip-arrow {
            border-left-color: @lightred;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @lightred;
        }
    }
}

.tooltip-darkorange {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @darkorange;
            background-color: @darkorange;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @darkorange;
        }

        &.right .tooltip-arrow {
            border-right-color: @darkorange;
        }

        &.left .tooltip-arrow {
            border-left-color: @darkorange;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @darkorange;
        }
    }
}

.tooltip-red {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @red;
            background-color: @red;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @red;
        }

        &.right .tooltip-arrow {
            border-right-color: @red;
        }

        &.left .tooltip-arrow {
            border-left-color: @red;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @red;
        }
    }
}

.tooltip-pink {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @pink;
            background-color: @pink;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @pink;
        }

        &.right .tooltip-arrow {
            border-right-color: @pink;
        }

        &.left .tooltip-arrow {
            border-left-color: @pink;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @pink;
        }
    }
}

.tooltip-darkpink {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @darkpink;
            background-color: @darkpink;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @darkpink;
        }

        &.right .tooltip-arrow {
            border-right-color: @darkpink;
        }

        &.left .tooltip-arrow {
            border-left-color: @darkpink;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @darkpink;
        }
    }
}

.tooltip-danger {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @danger;
            background-color: @danger;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @danger;
        }

        &.right .tooltip-arrow {
            border-right-color: @danger;
        }

        &.left .tooltip-arrow {
            border-left-color: @danger;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @danger;
        }
    }
}

.tooltip-magenta {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @magenta;
            background-color: @magenta;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @magenta;
        }

        &.right .tooltip-arrow {
            border-right-color: @magenta;
        }

        &.left .tooltip-arrow {
            border-left-color: @magenta;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @magenta;
        }
    }
}

.tooltip-purple {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @purple;
            background-color: @purple;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @purple;
        }

        &.right .tooltip-arrow {
            border-right-color: @purple;
        }

        &.left .tooltip-arrow {
            border-left-color: @purple;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @purple;
        }
    }
}

.tooltip-maroon {
    + .tooltip {
        > .tooltip-inner {
            border: 1px solid @maroon;
            background-color: @maroon;
            color: #fff;
        }

        &.top .tooltip-arrow {
            border-top-color: @maroon;
        }

        &.right .tooltip-arrow {
            border-right-color: @maroon;
        }

        &.left .tooltip-arrow {
            border-left-color: @maroon;
        }

        &.bottom .tooltip-arrow {
            border-bottom-color: @maroon;
        }
    }
}
/*#endregion ToolTips*/